<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body {
				background-color: #EDEDED;
				margin: 0 auto;
			}
			.handers{
				height: 3.125rem;
			}
			
			.header-span {
				font-size: 2.25rem;
				font-weight: bold;
				color: #F39C12;
				padding-left: 3rem;
			}

			section {
				margin-left: 1.25rem;
				width: 65rem;
			}

			.section-one {
				width: 31.25rem;
				display: inline-block;
				margin-left: 2rem;
			}

			.section-top {
				padding-bottom: 14rem;
			}

			.section-buttom {
				line-height: 3.125rem;
			}

			.section-left-one {
				color: #F39C12;
				font-size: 1.5rem;
				line-height: 2.5rem;
			}

			.section-two {
				width: 31.25rem;
				display: inline-block;
			}

			footer {
				text-align: center;
				font-size: 0.75rem;
			}

			.footer-span {
				font-weight: bold;
				color: #F39C12;
			}
		</style>
	</head>
	<body>
	<div data-th-include="febs/views/travel/header"></div>
	<div class="handers">
			<span class="header-span">Commerce</span>
		</div>
		<section>
			<div class="section-one">
				<div class="section-top">
					<span class="section-left-one">
						Suggestions on booking tickets models
					</span>
				</div>
				<div class="section-buttom">
					<span>Benefits of online booking</span><br />
					<span>1.Easy to check, not limited by space and time.</span><br />
					<span>2.Easy and secure payment methods</span><br />
					<span>3.Convenient ticket collection</span>
				</div>

			</div>
			<div class="section-two">
				<img th:src="@{images/right.jpg}" />
			</div>
		</section>
		<footer>
			<span>Check out</span>
			<span class="footer-span">more project</span>
		</footer>
	</body>
</html>
